<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>净值查询</title>
	
	<script type="text/javascript">
		var basePath = '<%=context%>' + 'business/customerEquity/navInfo/';
		$(function(){
			setPathPrefix(basePath);
		});
	</script>
	<link rel="stylesheet" type="text/css" href="<%=context%>resources/modules/bootstrap/css/navinfo.css" />
	
</head>

<body class="fixed-nav" style="overflow-y:hidden; overflow-x:scroll;">

	<div style="display: none;" id="updateNavTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='updateNavBaseData' param=''></wasp:opera></div>
	
	<div class="clearfix tabs">
		    <ul id="myTabs" class="nav clear" role="tablist">
		       <li role="presentation" id="demand_li" class="active tab">
		        	<a href="#setup_show_content" onClick="showList();" id="demand_tab" role="tab" data-toggle="tab" aria-controls="SETUP" aria-expanded="true">产品净值查询</a>
		        </li>
		        <li role="presentation" id="list_li" class="tab">
		        	<span class="gap"></span>
		        	<a href="#series_show_content" onclick="showLine();" id="list_tab" role="tab" data-toggle="tab" aria-controls="SERIES_PRD">净值曲线查询</a>
		        </li>
	        </ul>
   		</div>
   		
	<div class="result-box" style="overflow-x:scroll; overflow-x:visible;"> <!-- style="overflow: visible" -->
		<input type="hidden" id="prdCode" name="prdCode" value="${prdCode}"/>
			<div class="clearfix form-multi-col-panel">
		 	<div class="form-item-group form-horizontal" role="form">
		 
			 <!-- <div class="form-item">
		      	  <span class="form-field">产品名称</span>
		          <span class="form-input" >
		          		<select  name='q-fundSName'  class="form-control use-select2" placeholder="产品名称" id='q-fundSName' value = "" ></select>
		          </span>
			 </div> -->
			 
			 <div class="form-item">
		        <span class="form-field">产品名称</span>
		        <span class="form-input">
		          <input class="form-control" id="portCode" type="text" placeholder="产品名称" autocomplete="off">
		          <div class="portCode-content" style="display: none;">
				    <ul></ul>
				  </div>
		        </span>
		      </div>
	      
		   	  <div class="form-item">
				   <span class="form-field">净值日期</span>
		           <span class="form-input">
		            	<input type="text" placeholder="净值日期" class='form-control' name="q-navDate" id="q-navDate" value="">
		           </span>
			  </div> 
			   <div class="form-item"></div>  
		        <div class="form-item"></div>  
		        <div class="form-item"></div>  
		        
		         <div class="choose-combo clear">
					<h3>已选组合</h3>
					<div class="choose-box" id="choosePrds"></div>
		  		</div>
		  
		 	 	</div>
			   <div class="form-action">
						<button class="btn btn-primary table-search" type="submit"  id="queryBtn"  onclick="queryByCondtion(false)"><i class="fa fa-search"></i>&nbsp;查询</button>
						<button class="btn btn-primary table-search" type="submit"  id="queryBtn2"  onclick="queryByCondtion(true)" style="display: none"><i class="fa fa-search"></i>&nbsp;查询</button>
						<button class="btn btn-outline btn-default" type="reset" id="rtn">清空</button>
			   </div>
		  
		   		</div>
		   <div class="form-search-group">
	    	<wasp:opera fun="NAV_SCOPE.exportNavInfo();" id="exportNavInfo"></wasp:opera>
	    	<wasp:opera fun="NAV_SCOPE.exportNavExport();" id="exportNavInterfaceFile"></wasp:opera>
		   </div>
		 
		   <div class="jqGrid_wrapper fullscreen-wrapper" id = "style_full_list">
				<table id="navValueList"></table>
				<div id="navValueListPage"></div>
		   </div>
		   <div class="zjzl" style="margin-top:80px;">
        		<div class="floatzs fixwid"><div class="flot-chart-content" style="height:400px;width: 1500px" id="style_full_line"></div></div>
		   </div>
		   
		   
		   <div class="loading" id = "loading">
    			<i class="fas fa-spinner fa-pulse"></i>    
  		   </div>
  
  
		   </div>
	
			<script id="option_template2" type="x-tmpl-mustache">
				<li><span class="check-all">全选</span></li>
				{{#result}}
				<li title="{{subFundSname}}">
  				<i class="far fa-square" data-val="{{subPrdCode}}" data-name="{{subFundSname}}"></i>{{subFundSname}}
				</li>
				{{/result}}
			</script>
			<script id="option_template1" type="x-tmpl-mustache">
				{{#result}}
				<li title="{{subFundSname}}">
  				<i class="far fa-square" data-val="{{subPrdCode}}" data-name="{{subFundSname}}"></i>{{subFundSname}}
				</li>
				{{/result}}
			</script>
		   
		   <script type="text/javascript" src="<%=context%>resources/modules/system/echarts/echarts.min.js?20190124"></script>	
		   <script type="text/javascript" src="<%=context%>resources/modules/business/customerEquity/navInfo/navInfoPage.js?version=<%=Math.random()%>"></script>

</body>
</html>